<!doctype html>
<html lang="en-US" dir="ltr" data-nojs>

<head>

    <title>摄影 - 白日</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="generator" content="Zoho Sites 2.0, http://zoho.com/sites"/>
    <link rel="icon" href="/favicon.png"/>
    <link rel="canonical" href="http://bairi.zohosites.com.cn/"/>
    <meta name="twitter:card" content="summary">
    <meta name="twitter:url" content="http://bairi.zohosites.com.cn/">
    <meta name="twitter:title" content="摄影 - 白日">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://bairi.zohosites.com.cn/">
    <meta property="og:title" content="摄影 - 白日">
    <link href="/CSS/zsite-core.css" rel="preload" type="text/css" as="style">
    <link href="/CSS/zsite-core.css" rel="stylesheet" type="text/css">
    <link rel="preconnect" href="//img.zohostatic.com.cn">
    <link rel="preconnect" href="//stratus.zohostatic.com.cn">
    <link rel="preload" type="text/css" as="style" href="/CSS/style.css">
    <link rel="stylesheet" type="text/css" as="style" href="/CSS/style.css">
    <link rel="preload" type="text/css" as="style" href="/CSS/sub-style.css">
    <link rel="stylesheet" type="text/css" as="style" href="/CSS/sub-style.css">
    <link rel="preload" type="text/css" href="/CSS/001.css" as="style">
    <link rel="stylesheet" type="text/css" href="/CSS/001.css">
    <link rel="preload" type="text/css" as="style" href="/CSS/zs-customcss.css">
    <link rel="stylesheet" type="text/css" href="/CSS/zs-customcss.css">
    <script>document.documentElement.removeAttribute('data-nojs');</script>
    <script>window.zs_content_format = "0";
    window.zs_resource_url = "/";
    window.isDefaultLogo = "true";
    window.zs_site_resource_id = "4108000000002012";</script>
    <script>window.is_portal_site = "false";</script>
    <script src="JS/zs-lang_en_US_.js" defer></script>
    <script src="JS/zsite-core.js" defer></script>
    <script>window.stand_alone_path = "";</script>
    <script>window.zs_rendering_mode = "live";</script>
    <script>window.zs_resource_id = "4108000000002013";
    window.zs_resource_type = "1";
    window.zs_resource_full_path = "/";
    window.zs_site_resource_id = "4108000000002012";</script>
    <script src="JS/header.js" defer></script>
    <script src="JS/eventhandler.js"></script>
    <script src="JS/megamenu.js"></script>

</head>

<body>
<div data-headercontainer="zptheme-data-headercontainer" class="zpheader-style-02 "
     data-headercontainer="zptheme-data-headercontainer" class="zpheader-style-02 ">
    <div class="theme-header " data-dark-part-applied="false" data-banner-base-header="theme-banner-base-header">
        <div class="zpcontainer">
            <div data-zs-branding class="theme-branding-info theme-brand-style-02"
                 data-theme-branding-info="zptheme-branding-info">
                <div class="theme-site-name-caption ">
                    <div data-zs-sitename class="theme-site-name "> 白日</div>
                    <div data-zs-sitecaption class="theme-site-caption "> Daytime</div>
                </div>
            </div>
        </div>
    </div>
    <div data-megamenu-content-container class="theme-header theme-header-navigation-style"
         data-header="zptheme-data-header" data-dark-part-applied="false"
         data-banner-base-header="theme-banner-base-header">
        <div class="zpcontainer">
            <div class="theme-navigation-and-icons">
                <div class="theme-menu-area" data-zp-nonresponsive-container="mymenu1">
                    <div class="theme-menu " data-nav-menu-icon-width=20 data-nav-menu-icon-height=20
                         data-sub-menu-icon-height=20 data-sub-menu-icon-width=20 data-mega-menu-icon-width=20
                         data-mega-menu-icon-height=20 data-non-res-menu='zptheme-menu-non-res'
                         data-zp-theme-menu="id: mymenu1 ;active: theme-menu-selected; maxitem:5;position: theme-sub-menu-position-change; orientation: horizontal; submenu: theme-sub-menu; moretext: More; nonresponsive-icon-el: theme-non-responsive-menu; responsive-icon-el: theme-responsive-menu; burger-close-icon: theme-close-icon; animate-open: theme-toggle-animate; animate-close: theme-toggle-animate-end;open-icon: theme-submenu-down-arrow; close-icon: theme-submenu-up-arrow; root-icon: theme-submenu-down-arrow; subtree-icon: theme-submenu-right-arrow;">
                        <ul data-zs-menu-container>
                            <li><a href="index.html" target="_self"><span class="theme-menu-content "><span
                                    class="theme-menu-name" data-theme-menu-name="灵感">灵感</span></span></a></li>
                            <li><a href="design.html" target="_self"><span class="theme-menu-content "><span
                                    class="theme-menu-name" data-theme-menu-name="设计">设计</span></span></a></li>
                            <li><a href="photography.html" target="_self"><span class="theme-menu-content "><span
                                    class="theme-menu-name" data-theme-menu-name="摄影">摄影</span></span></a></li>
                            <li><a href="memory.html" target="_self"><span class="theme-menu-content "><span
                                    class="theme-menu-name" data-theme-menu-name="回忆">回忆</span></span></a></li>
                            <li><a href="ourdream.html" target="_self"><span class="theme-menu-content "><span
                                    class="theme-menu-name" data-theme-menu-name="白日梦">白日梦</span></span></a></li>
                        </ul>
                        <div data-zp-submenu-icon="mymenu1" style="display:none;"><span
                                class="theme-sub-li-menu theme-non-responsive-menu"></span><span
                                class="theme-sub-li-menu theme-responsive-menu theme-submenu-down-arrow"></span></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="theme-responsive-menu-area theme-navigation-and-icons zpcontainer theme-hide-burgericon-cart-mobile">
            <div class="theme-responsive-menu-container" data-zp-burger-clickable-area="mymenu1"><span
                    class="theme-burger-icon" data-zp-theme-burger-icon="mymenu1"></span></div>
            <div class="theme-responsive-menu theme-menu-area" data-zp-responsive-container="mymenu1"></div>
        </div>
    </div>
</div>
<div data-theme-content-container="theme-content-container" class="theme-content-area ">
    <div class="theme-content-container">
        <div class="theme-content-area-inner">
            <div class="zpcontent-container page-container ">
                <div
                        data-element-id="elm_CO7fkQ4bTv2dFLr_JNC5Bg" data-element-type="section"
                        class="zpsection zpdefault-section zpdefault-section-bg zscustom-section-artgallery-25 ">
                    <style type="text/css"> [data-element-id="elm_CO7fkQ4bTv2dFLr_JNC5Bg"].zpsection {
                        border-style: none;
                        border-radius: 1px;
                    } </style>
                    <div class="zpcontainer">
                        <div
                                data-element-id="elm_Er295NXlp2Igj68z776pAA" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_FF7rbviFJlGHRZyY8KN6XA" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"> [data-element-id="elm_FF7rbviFJlGHRZyY8KN6XA"].zpelem-col {
                                    border-radius: 1px;
                                } </style>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_70JlGN-ZFV7P1oHsHdGDyA" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_TNli8yBypXBbO_G_g6EGAg" data-element-type="column"
                                    class="zpelem-col zpcol-md-8 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg zsdesign-heading-column ">
                                <style type="text/css"> [data-element-id="elm_TNli8yBypXBbO_G_g6EGAg"].zpelem-col {
                                    border-radius: 1px;
                                } </style>
                                <div data-element-id="elm_J3ylsaYj_e3-K8Jw390oDg" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_J3ylsaYj_e3-K8Jw390oDg"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_J3ylsaYj_e3-K8Jw390oDg"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_YRTErg3PR2d5F9hP8ElRHw" data-element-type="row"
                                class="zprow zsgallery-row zpalign-items-center zpjustify-content-flex-start ">
                            <style type="text/css"> [data-element-id="elm_YRTErg3PR2d5F9hP8ElRHw"].zprow {
                                border-radius: 1px;
                                margin-top: -218px;
                            } </style>
                            <div
                                    data-element-id="elm_5Lb5HTfK8mwRaz0M7t9_gw" data-element-type="column"
                                    data-animation-name="fadeInLeft" data-animation-duration="2s"
                                    class="zpelem-col zpcol-md-7 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg zsshadow-box ">
                                <style type="text/css"> [data-element-id="elm_5Lb5HTfK8mwRaz0M7t9_gw"].zpelem-col {
                                    border-radius: 1px;
                                } </style>
                                <div data-element-id="elm_WMyXvkn5NAhTF0vqXayQBw" data-element-type="gallery"
                                     data-tablet-height="150" data-mobile-height="150" class="zpelement zpelem-gallery "
                                     itemscope="">
                                    <style> @media (max-width: 992px) {
                                        [data-element-id="elm_WMyXvkn5NAhTF0vqXayQBw"].zpelem-gallery .hb-lightbox__images {
                                            height: 150px !important;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_WMyXvkn5NAhTF0vqXayQBw"].zpelem-gallery .hb-lightbox__images {
                                            height: 150px !important;
                                        }
                                    }

                                    [data-element-id="elm_WMyXvkn5NAhTF0vqXayQBw"].zpelem-gallery {
                                        background-color: #ECF0F1;
                                        border-radius: 1px;
                                        margin-top: 10px;
                                    } </style>
                                    <div class="zpgallery-container hb-layout__cont" data-photoset_id="4108000000002019"
                                         data-gallery_type="3"><!--multiple gallery-->
                                        <div data-lightbox-type="inplace"
                                             class="hb-lightbox hb-lightbox__cont isVisible" data-lightbox-options="
                    thumbs: true,
                    caption: ,
                    type:inplace,
                    thumbs-height:60px">
                                            <div class="hb-lightbox__controls">
                                                <div class="hb-lightbox__counter"></div>
                                                <div class="hb-lightbox__buttons">
                                                    <ul>
                                                        <li data-action="share">
                                                            <svg class="icon">
                                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                     xlink:href="#share"></use>
                                                            </svg>
                                                        </li>
                                                        <li data-action="zoom">
                                                            <svg class="icon">
                                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                     xlink:href="#zoom-in"></use>
                                                            </svg>
                                                        </li>
                                                        <li data-action="download"><a href="" download="">
                                                            <svg class="icon">
                                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                     xlink:href="#download"></use>
                                                            </svg>
                                                        </a></li>
                                                        <li data-action="fullscreen">
                                                            <svg class="icon">
                                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                     xlink:href="#expand"></use>
                                                            </svg>
                                                        </li>
                                                        <li data-action="close">
                                                            <svg class="icon">
                                                                <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                     xlink:href="#cross-out"></use>
                                                            </svg>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="hb-lightbox__images">
                                                <div class="hb-lightbox__img-wrapper hb-center" data-pos="0">
                                                    <picture><img loading="lazy" src="/IMG/17.jpg"
                                                                  data-src="/photoset/Photogallery/17的副本.jpg" alt=""/>
                                                    </picture>

                                                    <figcaption class="hb-grid-caption zpimage-caption"
                                                                style="display:none;"><h4
                                                            class="hg-gallery-caption-heading">Title</h4>
                                                        <p class="hg-gallery-caption-paragraph">Caption</p></figcaption>
                                                </div>
                                                <div class="hb-lightbox__img-wrapper hb-center" data-pos="1">
                                                    <picture><img loading="lazy" src="/IMG/18.jpg"
                                                                  data-src="photoset/Photogallery/18的副本.jpg" alt=""/>
                                                    </picture>
                                                    <figcaption class="hb-grid-caption zpimage-caption"
                                                                style="display:none;"><h4
                                                            class="hg-gallery-caption-heading">Title</h4>
                                                        <p class="hg-gallery-caption-paragraph">Caption</p></figcaption>
                                                </div>
                                                <div class="hb-lightbox__img-wrapper hb-center" data-pos="2">
                                                    <picture><img loading="lazy" src="/IMG/19.jpg"
                                                                  data-src="photoset/Photogallery/19的副本.jpg" alt=""/>
                                                    </picture>
                                                    <figcaption class="hb-grid-caption zpimage-caption"
                                                                style="display:none;"><h4
                                                            class="hg-gallery-caption-heading">Title</h4>
                                                        <p class="hg-gallery-caption-paragraph">Caption</p></figcaption>
                                                </div>
                                                <div class="hb-lightbox__img-wrapper hb-center" data-pos="3">
                                                    <picture><img loading="lazy"
                                                                  data-src="photoset/Photogallery/20的副本.jpg" alt=""/>
                                                    </picture>
                                                    <figcaption class="hb-grid-caption zpimage-caption"
                                                                style="display:none;"><h4
                                                            class="hg-gallery-caption-heading">Title</h4>
                                                        <p class="hg-gallery-caption-paragraph">Caption</p></figcaption>
                                                </div>
                                            </div>
                                            <div class="hb-lightbox__caption"><h4></h4>
                                                <p></p></div>
                                            <div class="hb-lightbox__thumbs-cont">
                                                <div class="hb-lightbox__thumbs">
                                                    <picture><img loading="lazy" is="0" data-index="0" alt=""
                                                                  src="IMG/17.jpg"
                                                                  style="height:60px;"/></picture>
                                                    <picture><img loading="lazy" is="1" data-index="1" alt=""
                                                                  src="IMG/18.jpg"
                                                                  style="height:60px;"/></picture>
                                                    <picture><img loading="lazy" is="2" data-index="2" alt=""
                                                                  src="IMG/19.jpg"
                                                                  style="height:60px;"/></picture>
                                                    <picture><img loading="lazy" is="3" data-index="3" alt=""
                                                                  src="IMG/20.jpg"
                                                                  style="height:60px;"/></picture>
                                                </div>
                                            </div>
                                            <div class="hb-lightbox__arrow-nav nav-left hb-lightbox__arrow-1">
                                                <svg class="icon">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                         xlink:href="#back"></use>
                                                </svg>
                                            </div>
                                            <div class="hb-lightbox__arrow-nav nav-right hb-lightbox__arrow-1">
                                                <svg class="icon">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                         xlink:href="#next"></use>
                                                </svg>
                                            </div>
                                            <div class="loader" style="display:none;">
                                                <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
                                                     xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                     width="24px" height="30px" viewBox="0 0 24 30"
                                                     style="enable-background:new 0 0 50 50;" xml:space="preserve"><rect x="0" y="0" width="4" height="10" fill="#333" transform="translate(0 6.63702)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>
                                                    <rect
                                                            x="10" y="0" width="4" height="10" fill="#333"
                                                            transform="translate(0 6.69631)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>
                                                    <rect
                                                            x="20" y="0" width="4" height="10" fill="#333"
                                                            transform="translate(0 19.9704)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect></svg>
                                            </div>
                                            <svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
                                                <symbol viewBox="0 0 18 18" id="cross-out"><title>cross-out</title>
                                                    <path d="M16 3.41L14.59 2 9 7.59 3.41 2 2 3.41 7.59 9 2 14.59 3.41 16 9 10.41 14.59 16 16 14.59 10.41 9"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="download"><title>download</title>
                                                    <path d="M13 9l-4 4-4-4h3V2h2v7h3zM1 12h.86l.112 4.05h14.025l.15-4.05H17v5H1v-5z"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="expand"><title>expand</title>
                                                    <path d="M6.16 6.98L1.57 2.39c-.22-.22-.41-.148-.41.173v2.663c0 .318-.26.58-.58.58-.322 0-.58-.258-.58-.578V.578C0 .265.26 0 .578 0h4.65c.314 0 .578.26.578.58 0 .324-.26.58-.58.58H2.563c-.318 0-.398.184-.173.41l4.59 4.59-.82.82zm0 4.02l.82.82-4.59 4.592c-.225.226-.145.408.173.408h2.663c.32 0 .58.258.58.58 0 .32-.264.58-.578.58H.578c-.32 0-.578-.263-.578-.577v-4.65c0-.32.258-.578.58-.578.32 0 .58.263.58.58v2.663c0 .32.19.393.41.173L6.16 11zm5.66-4.02L11 6.16l4.59-4.59c.226-.226.146-.41-.172-.41h-2.662c-.32 0-.58-.256-.58-.58 0-.32.263-.58.577-.58h4.65c.32 0 .578.265.578.578v4.65c0 .32-.256.578-.58.578-.32 0-.58-.262-.58-.58V2.563c0-.32-.188-.393-.408-.173l-4.59 4.59zm0 4.02l4.592 4.59c.22.22.408.15.408-.172v-2.662c0-.318.26-.58.58-.58.324 0 .58.258.58.577v4.65c0 .314-.257.578-.577.578h-4.65c-.314 0-.578-.26-.578-.58 0-.322.26-.58.58-.58h2.663c.318 0 .398-.182.173-.408L11 11.822l.82-.822z"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="focus"><title>focus</title>
                                                    <path d="M.82 0l4.592 4.59c.22.22.408.15.408-.172V1.756c0-.318.26-.58.58-.58.324 0 .58.258.58.577v4.65c0 .314-.257.578-.577.578h-4.65c-.314 0-.578-.26-.578-.58 0-.322.26-.58.58-.58H4.42c.318 0 .398-.182.173-.408L0 .822.82 0zm0 17.98L0 17.16l4.59-4.59c.226-.226.146-.41-.172-.41H1.756c-.32 0-.58-.256-.58-.58 0-.32.263-.58.577-.58h4.65c.32 0 .578.265.578.578v4.65c0 .32-.256.578-.58.578-.32 0-.58-.262-.58-.58v-2.663c0-.32-.188-.393-.408-.173l-4.59 4.59zM17.16 0l.82.82-4.59 4.592c-.225.226-.145.408.173.408h2.663c.32 0 .58.258.58.58 0 .32-.264.58-.578.58h-4.65c-.32 0-.578-.263-.578-.577v-4.65c0-.32.258-.578.58-.578.32 0 .58.263.58.58V4.42c0 .32.19.393.41.173L17.16 0zm0 17.98l-4.59-4.59c-.22-.22-.41-.148-.41.173v2.663c0 .318-.26.58-.58.58-.322 0-.58-.258-.58-.578v-4.65c0-.313.26-.578.578-.578h4.65c.314 0 .578.26.578.58 0 .324-.26.58-.58.58h-2.663c-.318 0-.398.184-.173.41l4.59 4.59-.82.82z"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="next"><title>next</title>
                                                    <path d="M0 8h14.105l-5.59-5.59L9.935 1l8 8-8 8-1.41-1.41 5.58-5.59H0"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="back"><title>prev</title>
                                                    <path d="M17.942 8H3.83l5.59-5.59L8 1 0 9l8 8 1.41-1.41L3.83 10h14.112"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="zoom-in"><title>zoom-in</title>
                                                    <path d="M17.604 16.896l-5.173-5.173C13.407 10.586 14 9.113 14 7.5 14 3.916 11.084 1 7.5 1c-1.737 0-3.37.676-4.597 1.904C1.675 4.13 1 5.764 1 7.5 1 11.084 3.916 14 7.5 14c1.612 0 3.086-.594 4.224-1.57l5.173 5.174.707-.708zM7.5 13C4.467 13 2 10.533 2 7.5c0-1.47.57-2.85 1.61-3.89C4.65 2.572 6.03 2 7.5 2 10.533 2 13 4.467 13 7.5S10.533 13 7.5 13zM8 7h2v1H8v2H7V8H5V7h2V5h1v2z"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                                <symbol viewBox="0 0 18 18" id="zoom-out"><title>zoom-out</title>
                                                    <path d="M17.604 16.896l-5.173-5.173C13.407 10.586 14 9.113 14 7.5 14 3.916 11.084 1 7.5 1c-1.736 0-3.37.676-4.598 1.903C1.675 4.13 1 5.763 1 7.5 1 11.084 3.916 14 7.5 14c1.612 0 3.087-.594 4.224-1.57l5.173 5.174.707-.708zM7.5 13C4.468 13 2 10.533 2 7.5c0-1.47.57-2.85 1.61-3.89C4.648 2.573 6.03 2 7.5 2 10.532 2 13 4.467 13 7.5c0 3.032-2.468 5.5-5.5 5.5zM5 7h5v1H5V7z"
                                                          fill-rule="nonzero"></path>
                                                </symbol>
                                            </svg>
                                        </div>
                                    </div>
                                </div>
                                <div data-element-id="elm_1GXmgBoUTINNT0t1pLP3NQ" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_1GXmgBoUTINNT0t1pLP3NQ"] div.zpspacer {
                                        height: 2px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_1GXmgBoUTINNT0t1pLP3NQ"] div.zpspacer {
                                            height: calc(2px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="2"></div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_JQU6D3Z60rJqh2bnTvWVrA" data-element-type="column"
                                    class="zpelem-col zpcol-md-1 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_O7OBSM336Bgns0KeLBtXwg" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_O7OBSM336Bgns0KeLBtXwg"] div.zpspacer {
                                        height: 3px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_O7OBSM336Bgns0KeLBtXwg"] div.zpspacer {
                                            height: calc(3px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="3"></div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_5CPb7acjBjpt4Cl5cl_HWw" data-element-type="column"
                                    class="zpelem-col zpcol-md-4 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_6Das8q5cS8PwLooKwuO07w" data-element-type="box"
                                     class="zpelem-box zpelement zpbox-container zplight-section zplight-section-bg zspadding-box "
                                     data-animation-name="slideInRight" data-animation-duration="2s"
                                     data-animation-repeat="true">
                                    <style type="text/css"> [data-element-id="elm_6Das8q5cS8PwLooKwuO07w"].zpelem-box {
                                        border-radius: 1px;
                                        margin-top: -61px;
                                    } </style>
                                    <div data-element-id="elm_-2KOhrkXgkKIR2axK5BcVw" data-element-type="heading"
                                         class="zpelement zpelem-heading ">
                                        <style> [data-element-id="elm_-2KOhrkXgkKIR2axK5BcVw"].zpelem-heading {
                                            border-style: none;
                                            border-radius: 1px;
                                            margin-top: 0px;
                                        } </style>
                                        <h2
                                                class="zpheading zpheading-style-none zpheading-align-left "
                                                data-editor="true">别有洞天的摄影</h2></div>
                                    <div data-element-id="elm_uU1HW42nqxaG1PjL2srCLQ" data-element-type="text"
                                         class="zpelement zpelem-text ">
                                        <style></style>
                                        <div class="zptext zptext-align-left " data-editor="true"><p>&nbsp; &nbsp;&nbsp;<span
                                                style="color:inherit;">查</span><span style="color:inherit;">尔斯·布鲁克斯（Charles Brooks，下简称为“查尔斯”）的摄影作品，第一时间想到歌德的这句话不无道理。你看，下面这些“建筑”和巴洛克风格建筑类似——善用动势，充满活力，多种透视方法让观者不禁迷失在梦幻的空间里；强调光线，通过人造光线追求让建筑物充满戏剧性的张力。</span>
                                        </p>
                                            <p>&nbsp; &nbsp;&nbsp;<span style="color:inherit;">乍一看，这些空间好似荒无人烟的废弃旧建筑，光线在“建筑”内部投下深深浅浅的光晕，烘托出一种幽静、神秘的氛围。</span>
                                            </p>
                                            <div style="color:inherit;">
                                                <div>&nbsp;&nbsp;&nbsp;&nbsp;然而，仔细一看，上图并非真实的建筑物，而是一把Lockey
                                                    Hill大提琴（1780年制作），查尔斯镜头中的空间来自与各种乐器的内部。此时，我忽然觉得歌德的话可以被延续为：“音乐的律动能让建筑灵动起来。”
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                            data-element-id="elm_WV7QRsszg-yHhEXikkD-YQ" data-element-type="button"
                                            class="zpelement zpelem-button zscustom-button "
                                            data-animation-name="bounceIn" data-animation-duration="1.5s">
                                        <style> [data-element-id="elm_WV7QRsszg-yHhEXikkD-YQ"].zpelem-button {
                                            border-style: none;
                                            border-radius: 1px;
                                        } </style>
                                        <div class="zpbutton-container zpbutton-align-left">
                                            <style type="text/css"> [data-element-id="elm_WV7QRsszg-yHhEXikkD-YQ"] .zpbutton:hover {
                                                border-color: white;
                                            }

                                            [data-element-id="elm_WV7QRsszg-yHhEXikkD-YQ"] .zpbutton.zpbutton-type-primary {
                                                border-style: none;
                                            } </style>
                                            <a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none "
                                               href="javascript:;" target="_blank"><span class="zpbutton-content">View More</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_tDzj1pG3sIu0cnLcLdVEDw" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_2e37tiVgCXOA_pV2D8Zwnw" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_YrPprT5PIBBIzopwUm26xQ" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_YrPprT5PIBBIzopwUm26xQ"] div.zpspacer {
                                        height: 76px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_YrPprT5PIBBIzopwUm26xQ"] div.zpspacer {
                                            height: calc(76px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="76"></div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_6b7FqMpaW5R9Si6W6d-Iqw" data-element-type="row"
                                class="zprow zsgallery-row zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_zRotJ0wxozNdPge9NZ1EAQ" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div
                                        data-element-id="elm_Etm1d1NKoy3DzqobZBBMnQ" data-element-type="row"
                                        class="zprow zpalign-items-center zpjustify-content-flex-start ">
                                    <style type="text/css"> [data-element-id="elm_Etm1d1NKoy3DzqobZBBMnQ"].zprow {
                                        border-radius: 1px;
                                    } </style>
                                    <div
                                            data-element-id="elm_sCb081Gfcj_SV2vDo-6YQA" data-element-type="column"
                                            class="zpelem-col zpcol-md-4 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                        <style type="text/css"> [data-element-id="elm_sCb081Gfcj_SV2vDo-6YQA"].zpelem-col {
                                            margin-top: 151px;
                                        } </style>
                                        <div data-element-id="elm_5vqzNJR_fZ-DOGDPBkIubQ" data-element-type="box"
                                             class="zpelem-box zpelement zpbox-container zplight-section zplight-section-bg zspadding-box "
                                             data-animation-name="slideInLeft" data-animation-duration="2s"
                                             data-animation-repeat="true">
                                            <style type="text/css"> [data-element-id="elm_5vqzNJR_fZ-DOGDPBkIubQ"].zpelem-box {
                                                border-radius: 1px;
                                                margin-top: -178px;
                                            } </style>
                                            <div data-element-id="elm_Shmf0SO6CL-nvPiY10ylHg"
                                                 data-element-type="heading" class="zpelement zpelem-heading ">
                                                <style> [data-element-id="elm_Shmf0SO6CL-nvPiY10ylHg"].zpelem-heading {
                                                    border-style: none;
                                                    border-radius: 1px;
                                                    margin-top: 0px;
                                                } </style>
                                                <h2
                                                        class="zpheading zpheading-style-none zpheading-align-left "
                                                        data-editor="true">如果予树一张肖像</h2></div>
                                            <div data-element-id="elm_MSWHhg0Ezoi-YmvYE3CZug" data-element-type="text"
                                                 class="zpelement zpelem-text ">
                                                <style></style>
                                                <div class="zptext zptext-align-left " data-editor="true">
                                                    <div style="color:inherit;">
                                                        <div>&nbsp;&nbsp;&nbsp;&nbsp;谈到关于「树」最凝练的形容，莫过于鲁迅在《秋夜》里写的，“墙外有两株树，一株是枣树，另一株也是枣树”。</div>
                                                        <div>&nbsp;&nbsp;&nbsp;&nbsp;写作思维差异，抑或是碍于环境所作的特殊表达暂且不表，但寥寥几笔就带来了极强的画面感。眼前，就是树与树相邻又孤立的生长状态。</div>
                                                        <div>&nbsp;&nbsp;&nbsp;&nbsp;韩国摄影师李明浩（Myoung Ho
                                                            Lee）有一个持之以恒的摄影项目「Trees」，即为旅途中偶遇的树拍摄肖像。最早的一棵树拍摄于2005年，起源于他从韩国到蒙古，从城市跨越沙漠的一次旅程。他镜头之下的树，没有刻意修剪，一派自然；但都立于一张白色幕布之前，又略带了几分正式感。像是把天地当成了一个天然的摄影棚，在被拍摄肖像照。
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div
                                                    data-element-id="elm_5wVtixOOCuwulLe4toIUzA"
                                                    data-element-type="button"
                                                    class="zpelement zpelem-button zscustom-button ">
                                                <style> [data-element-id="elm_5wVtixOOCuwulLe4toIUzA"].zpelem-button {
                                                    border-style: none;
                                                    border-radius: 1px;
                                                } </style>
                                                <div class="zpbutton-container zpbutton-align-left">
                                                    <style type="text/css"> [data-element-id="elm_5wVtixOOCuwulLe4toIUzA"] .zpbutton:hover {
                                                        border-color: black;
                                                    }

                                                    [data-element-id="elm_5wVtixOOCuwulLe4toIUzA"] .zpbutton.zpbutton-type-primary {
                                                        border-style: none;
                                                    } </style>
                                                    <a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none "
                                                       href="javascript:;" target="_blank"><span
                                                            class="zpbutton-content">View More</span></a></div>
                                            </div>
                                        </div>
                                        <div data-element-id="elm_cZ2NbkDEmoOHH1MkNfTtDA" data-element-type="box"
                                             class="zpelem-box zpelement zpbox-container zpdefault-section zpdefault-section-bg ">
                                            <style type="text/css"> [data-element-id="elm_cZ2NbkDEmoOHH1MkNfTtDA"].zpelem-box {
                                                border-radius: 1px;
                                            } </style>
                                            <div
                                                    data-element-id="elm_ifRcWkf8IQdeCZsalZPmng"
                                                    data-element-type="divider" class="zpelement zpelem-divider ">
                                                <style type="text/css"> [data-element-id="elm_ifRcWkf8IQdeCZsalZPmng"].zpelem-divider {
                                                    border-radius: 1px;
                                                } </style>
                                                <style></style>
                                                <div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-solid ">
                                                    <div class="zpdivider-common"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                            data-element-id="elm_tlKMT6WiFERIGoJQUgLilg" data-element-type="column"
                                            class="zpelem-col zpcol-md-1 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                        <style type="text/css"></style>
                                        <div data-element-id="elm_XuPK3J1QcvEdUMorx6l43g" data-element-type="spacer"
                                             class="zpelement zpelem-spacer ">
                                            <style> div[data-element-id="elm_XuPK3J1QcvEdUMorx6l43g"] div.zpspacer {
                                                height: 3px;
                                            }

                                            @media (max-width: 768px) {
                                                div[data-element-id="elm_XuPK3J1QcvEdUMorx6l43g"] div.zpspacer {
                                                    height: calc(3px / 3);
                                                }
                                            } </style>
                                            <div class="zpspacer " data-height="3"></div>
                                        </div>
                                    </div>
                                    <div
                                            data-element-id="elm_nmqHU0ppEMbK1fl_DB112g" data-element-type="column"
                                            class="zpelem-col zpcol-md-7 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg zsshadow-box zsorder-first ">
                                        <style type="text/css"></style>
                                        <div data-element-id="elm_h8ml3yv7E1Sd2vLfvZty_Q" data-element-type="gallery"
                                             data-tablet-height="150" data-mobile-height="150"
                                             class="zpelement zpelem-gallery " itemscope="">
                                            <style> @media (max-width: 992px) {
                                                [data-element-id="elm_h8ml3yv7E1Sd2vLfvZty_Q"].zpelem-gallery .hb-lightbox__images {
                                                    height: 150px !important;
                                                }
                                            }

                                            @media (max-width: 767px) {
                                                [data-element-id="elm_h8ml3yv7E1Sd2vLfvZty_Q"].zpelem-gallery .hb-lightbox__images {
                                                    height: 150px !important;
                                                }
                                            }

                                            [data-element-id="elm_h8ml3yv7E1Sd2vLfvZty_Q"].zpelem-gallery {
                                                border-radius: 1px;
                                            } </style>
                                            <div class="zpgallery-container hb-layout__cont"
                                                 data-photoset_id="4108000000002020" data-gallery_type="3">
                                                <!--multiple gallery-->
                                                <div data-lightbox-type="inplace"
                                                     class="hb-lightbox hb-lightbox__cont isVisible"
                                                     data-lightbox-options="
                    thumbs: true,
                    caption: ,
                    type:inplace,
                    thumbs-height:60px">
                                                    <div class="hb-lightbox__controls">
                                                        <div class="hb-lightbox__counter"></div>
                                                        <div class="hb-lightbox__buttons">
                                                            <ul>
                                                                <li data-action="share">
                                                                    <svg class="icon">
                                                                        <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                             xlink:href="#share"></use>
                                                                    </svg>
                                                                </li>
                                                                <li data-action="zoom">
                                                                    <svg class="icon">
                                                                        <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                             xlink:href="#zoom-in"></use>
                                                                    </svg>
                                                                </li>
                                                                <li data-action="download"><a href="" download="">
                                                                    <svg class="icon">
                                                                        <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                             xlink:href="#download"></use>
                                                                    </svg>
                                                                </a></li>
                                                                <li data-action="fullscreen">
                                                                    <svg class="icon">
                                                                        <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                             xlink:href="#expand"></use>
                                                                    </svg>
                                                                </li>
                                                                <li data-action="close">
                                                                    <svg class="icon">
                                                                        <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                             xlink:href="#cross-out"></use>
                                                                    </svg>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="hb-lightbox__images">
                                                        <div class="hb-lightbox__img-wrapper hb-center" data-pos="0">
                                                            <picture><img loading="lazy" src="IMG/21.jpg"
                                                                          data-src="photoset/Gallery/21.jpg" alt=""/>
                                                            </picture>
                                                            <figcaption class="hb-grid-caption zpimage-caption"
                                                                        style="display:none;"><h4
                                                                    class="hg-gallery-caption-heading">Title</h4>
                                                                <p class="hg-gallery-caption-paragraph">Caption</p>
                                                            </figcaption>
                                                        </div>
                                                        <div class="hb-lightbox__img-wrapper hb-center" data-pos="1">
                                                            <picture><img loading="lazy"
                                                                          data-src="photoset/Gallery/22.jpg" alt=""/>
                                                            </picture>
                                                            <figcaption class="hb-grid-caption zpimage-caption"
                                                                        style="display:none;"><h4
                                                                    class="hg-gallery-caption-heading">Title</h4>
                                                                <p class="hg-gallery-caption-paragraph">Caption</p>
                                                            </figcaption>
                                                        </div>
                                                        <div class="hb-lightbox__img-wrapper hb-center" data-pos="2">
                                                            <picture><img loading="lazy"
                                                                          data-src="photoset/Gallery/23.jpg" alt=""/>
                                                            </picture>
                                                            <figcaption class="hb-grid-caption zpimage-caption"
                                                                        style="display:none;"><h4
                                                                    class="hg-gallery-caption-heading">Title</h4>
                                                                <p class="hg-gallery-caption-paragraph">Caption</p>
                                                            </figcaption>
                                                        </div>
                                                        <div class="hb-lightbox__img-wrapper hb-center" data-pos="3">
                                                            <picture><img loading="lazy"
                                                                          data-src="photoset/Gallery/24.jpg" alt=""/>
                                                            </picture>
                                                            <figcaption class="hb-grid-caption zpimage-caption"
                                                                        style="display:none;"><h4
                                                                    class="hg-gallery-caption-heading">Title</h4>
                                                                <p class="hg-gallery-caption-paragraph">Caption</p>
                                                            </figcaption>
                                                        </div>
                                                        <div class="hb-lightbox__img-wrapper hb-center" data-pos="4">
                                                            <picture><img loading="lazy"
                                                                          data-src="photoset/Gallery/25.jpg" alt=""/>
                                                            </picture>
                                                            <figcaption class="hb-grid-caption zpimage-caption"
                                                                        style="display:none;"><h4
                                                                    class="hg-gallery-caption-heading">Title</h4>
                                                                <p class="hg-gallery-caption-paragraph">Caption</p>
                                                            </figcaption>
                                                        </div>
                                                    </div>
                                                    <div class="hb-lightbox__caption"><h4></h4>
                                                        <p></p></div>
                                                    <div class="hb-lightbox__thumbs-cont">
                                                        <div class="hb-lightbox__thumbs">
                                                            <picture><img loading="lazy" is="0" data-index="0" alt=""
                                                                          src="IMG/21.jpg_t.jpg"
                                                                          style="height:60px;"/></picture>
                                                            <picture><img loading="lazy" is="1" data-index="1" alt=""
                                                                          src="IMG/22.jpg_t.jpg"
                                                                          style="height:60px;"/></picture>
                                                            <picture><img loading="lazy" is="2" data-index="2" alt=""
                                                                          src="IMG/23.jpg_t.jpg"
                                                                          style="height:60px;"/></picture>
                                                            <picture><img loading="lazy" is="3" data-index="3" alt=""
                                                                          src="IMG/24.jpg_t.jpg"
                                                                          style="height:60px;"/></picture>
                                                            <picture><img loading="lazy" is="4" data-index="4" alt=""
                                                                          src="IMG/25.jpg_t.jpg"
                                                                          style="height:60px;"/></picture>
                                                        </div>
                                                    </div>
                                                    <div class="hb-lightbox__arrow-nav nav-left hb-lightbox__arrow-1">
                                                        <svg class="icon">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                 xlink:href="#back"></use>
                                                        </svg>
                                                    </div>
                                                    <div class="hb-lightbox__arrow-nav nav-right hb-lightbox__arrow-1">
                                                        <svg class="icon">
                                                            <use xmlns:xlink="http://www.w3.org/1999/xlink"
                                                                 xlink:href="#next"></use>
                                                        </svg>
                                                    </div>
                                                    <div class="loader" style="display:none;">
                                                        <svg version="1.1" id="Layer_1"
                                                             xmlns="http://www.w3.org/2000/svg"
                                                             xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
                                                             width="24px" height="30px" viewBox="0 0 24 30"
                                                             style="enable-background:new 0 0 50 50;"
                                                             xml:space="preserve"><rect x="0" y="0" width="4" height="10" fill="#333" transform="translate(0 6.63702)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>
                                                            <rect
                                                                    x="10" y="0" width="4" height="10" fill="#333"
                                                                    transform="translate(0 6.69631)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect>
                                                            <rect
                                                                    x="20" y="0" width="4" height="10" fill="#333"
                                                                    transform="translate(0 19.9704)"><animateTransform attributeType="xml" attributeName="transform" type="translate" values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite"></animateTransform></rect></svg>
                                                    </div>
                                                    <svg style="display:none;" xmlns="http://www.w3.org/2000/svg">
                                                        <symbol viewBox="0 0 18 18" id="cross-out"><title>
                                                            cross-out</title>
                                                            <path d="M16 3.41L14.59 2 9 7.59 3.41 2 2 3.41 7.59 9 2 14.59 3.41 16 9 10.41 14.59 16 16 14.59 10.41 9"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="download"><title>
                                                            download</title>
                                                            <path d="M13 9l-4 4-4-4h3V2h2v7h3zM1 12h.86l.112 4.05h14.025l.15-4.05H17v5H1v-5z"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="expand"><title>expand</title>
                                                            <path d="M6.16 6.98L1.57 2.39c-.22-.22-.41-.148-.41.173v2.663c0 .318-.26.58-.58.58-.322 0-.58-.258-.58-.578V.578C0 .265.26 0 .578 0h4.65c.314 0 .578.26.578.58 0 .324-.26.58-.58.58H2.563c-.318 0-.398.184-.173.41l4.59 4.59-.82.82zm0 4.02l.82.82-4.59 4.592c-.225.226-.145.408.173.408h2.663c.32 0 .58.258.58.58 0 .32-.264.58-.578.58H.578c-.32 0-.578-.263-.578-.577v-4.65c0-.32.258-.578.58-.578.32 0 .58.263.58.58v2.663c0 .32.19.393.41.173L6.16 11zm5.66-4.02L11 6.16l4.59-4.59c.226-.226.146-.41-.172-.41h-2.662c-.32 0-.58-.256-.58-.58 0-.32.263-.58.577-.58h4.65c.32 0 .578.265.578.578v4.65c0 .32-.256.578-.58.578-.32 0-.58-.262-.58-.58V2.563c0-.32-.188-.393-.408-.173l-4.59 4.59zm0 4.02l4.592 4.59c.22.22.408.15.408-.172v-2.662c0-.318.26-.58.58-.58.324 0 .58.258.58.577v4.65c0 .314-.257.578-.577.578h-4.65c-.314 0-.578-.26-.578-.58 0-.322.26-.58.58-.58h2.663c.318 0 .398-.182.173-.408L11 11.822l.82-.822z"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="focus"><title>focus</title>
                                                            <path d="M.82 0l4.592 4.59c.22.22.408.15.408-.172V1.756c0-.318.26-.58.58-.58.324 0 .58.258.58.577v4.65c0 .314-.257.578-.577.578h-4.65c-.314 0-.578-.26-.578-.58 0-.322.26-.58.58-.58H4.42c.318 0 .398-.182.173-.408L0 .822.82 0zm0 17.98L0 17.16l4.59-4.59c.226-.226.146-.41-.172-.41H1.756c-.32 0-.58-.256-.58-.58 0-.32.263-.58.577-.58h4.65c.32 0 .578.265.578.578v4.65c0 .32-.256.578-.58.578-.32 0-.58-.262-.58-.58v-2.663c0-.32-.188-.393-.408-.173l-4.59 4.59zM17.16 0l.82.82-4.59 4.592c-.225.226-.145.408.173.408h2.663c.32 0 .58.258.58.58 0 .32-.264.58-.578.58h-4.65c-.32 0-.578-.263-.578-.577v-4.65c0-.32.258-.578.58-.578.32 0 .58.263.58.58V4.42c0 .32.19.393.41.173L17.16 0zm0 17.98l-4.59-4.59c-.22-.22-.41-.148-.41.173v2.663c0 .318-.26.58-.58.58-.322 0-.58-.258-.58-.578v-4.65c0-.313.26-.578.578-.578h4.65c.314 0 .578.26.578.58 0 .324-.26.58-.58.58h-2.663c-.318 0-.398.184-.173.41l4.59 4.59-.82.82z"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="next"><title>next</title>
                                                            <path d="M0 8h14.105l-5.59-5.59L9.935 1l8 8-8 8-1.41-1.41 5.58-5.59H0"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="back"><title>prev</title>
                                                            <path d="M17.942 8H3.83l5.59-5.59L8 1 0 9l8 8 1.41-1.41L3.83 10h14.112"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="zoom-in"><title>zoom-in</title>
                                                            <path d="M17.604 16.896l-5.173-5.173C13.407 10.586 14 9.113 14 7.5 14 3.916 11.084 1 7.5 1c-1.737 0-3.37.676-4.597 1.904C1.675 4.13 1 5.764 1 7.5 1 11.084 3.916 14 7.5 14c1.612 0 3.086-.594 4.224-1.57l5.173 5.174.707-.708zM7.5 13C4.467 13 2 10.533 2 7.5c0-1.47.57-2.85 1.61-3.89C4.65 2.572 6.03 2 7.5 2 10.533 2 13 4.467 13 7.5S10.533 13 7.5 13zM8 7h2v1H8v2H7V8H5V7h2V5h1v2z"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                        <symbol viewBox="0 0 18 18" id="zoom-out"><title>
                                                            zoom-out</title>
                                                            <path d="M17.604 16.896l-5.173-5.173C13.407 10.586 14 9.113 14 7.5 14 3.916 11.084 1 7.5 1c-1.736 0-3.37.676-4.598 1.903C1.675 4.13 1 5.763 1 7.5 1 11.084 3.916 14 7.5 14c1.612 0 3.087-.594 4.224-1.57l5.173 5.174.707-.708zM7.5 13C4.468 13 2 10.533 2 7.5c0-1.47.57-2.85 1.61-3.89C4.648 2.573 6.03 2 7.5 2 10.532 2 13 4.467 13 7.5c0 3.032-2.468 5.5-5.5 5.5zM5 7h5v1H5V7z"
                                                                  fill-rule="nonzero"></path>
                                                        </symbol>
                                                    </svg>
                                                </div>
                                            </div>
                                        </div>
                                        <div data-element-id="elm_llZQ7aLMecG0I8bFFBdSXA" data-element-type="spacer"
                                             class="zpelement zpelem-spacer ">
                                            <style> div[data-element-id="elm_llZQ7aLMecG0I8bFFBdSXA"] div.zpspacer {
                                                height: 1px;
                                            }

                                            @media (max-width: 768px) {
                                                div[data-element-id="elm_llZQ7aLMecG0I8bFFBdSXA"] div.zpspacer {
                                                    height: calc(1px / 3);
                                                }
                                            } </style>
                                            <div class="zpspacer " data-height="1"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_ankkMNhVQW_TMnIC1oxMwg" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_6DnB4rK_osgeeMOJo-brRw" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_RyYq-einEFBJe1jPRUzXkg" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_RyYq-einEFBJe1jPRUzXkg"] div.zpspacer {
                                        height: 53px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_RyYq-einEFBJe1jPRUzXkg"] div.zpspacer {
                                            height: calc(53px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="53"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div
                        data-element-id="elm_oLOxN34zC7mZCq7RyIoUJA" data-element-type="section"
                        class="zpsection zpdefault-section zpdefault-section-bg zscustom-section-100 ">
                    <style type="text/css"></style>
                    <div class="zpcontainer">
                        <div
                                data-element-id="elm_ePRv28GZRQj-870ASVlTag" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_B08coGdeB9guizD5y-pVuw" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"> [data-element-id="elm_B08coGdeB9guizD5y-pVuw"].zpelem-col {
                                    border-radius: 1px;
                                } </style>
                                <div
                                        data-element-id="elm_TYZZALqyY4RG3vCuG00RtA" data-element-type="divider"
                                        class="zpelement zpelem-divider ">
                                    <style type="text/css"> [data-element-id="elm_TYZZALqyY4RG3vCuG00RtA"].zpelem-divider {
                                        border-radius: 1px;
                                    } </style>
                                    <style></style>
                                    <div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width100 zpdivider-line-style-solid ">
                                        <div class="zpdivider-common"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_pbX1oOHm-Yt1UsHIiQkIIA" data-element-type="row"
                                class="zprow zpalign-items-center zpjustify-content-center ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_ZoKCjnLnO5OxWb5tHh4oMQ" data-element-type="column"
                                    class="zpelem-col zpcol-md-4 zpcol-sm-12 zspadding-right-none zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_diH2APyDCSCiLbayQlmZiA" data-element-type="image"
                                     class="zpelement zpelem-image zsmargin-top-none " data-animation-name="bounceInUp"
                                     data-animation-duration="2s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_diH2APyDCSCiLbayQlmZiA"] .zpimage-container figure img {
                                            width: 359px;
                                            height: 449.08px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_diH2APyDCSCiLbayQlmZiA"] .zpimage-container figure img {
                                            width: 723px;
                                            height: 904.42px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_diH2APyDCSCiLbayQlmZiA"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_diH2APyDCSCiLbayQlmZiA"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/28.jpg" width="415" height="519.13" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_YxLKA5-uwzXkpAK2LA_Efw" data-element-type="column"
                                    class="zpelem-col zpcol-md-4 zpcol-sm-12 zpalign-self-stretch zplight-section zplight-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_t5NJp5QlsMPuL3qY3SoP7Q" data-element-type="box"
                                     class="zpelem-box zpelement zpbox-container zsbox-spacing zpdefault-section zpdefault-section-bg "
                                     data-animation-name="slideInUp" data-animation-duration="2s"
                                     data-animation-repeat="true">
                                    <style type="text/css"> [data-element-id="elm_t5NJp5QlsMPuL3qY3SoP7Q"].zpelem-box {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-element-id="elm_LzGHQTegsIcLsYmHtyfqrQ" data-element-type="spacer"
                                         class="zpelement zpelem-spacer ">
                                        <style> div[data-element-id="elm_LzGHQTegsIcLsYmHtyfqrQ"] div.zpspacer {
                                            height: 30px;
                                        }

                                        @media (max-width: 768px) {
                                            div[data-element-id="elm_LzGHQTegsIcLsYmHtyfqrQ"] div.zpspacer {
                                                height: calc(30px / 3);
                                            }
                                        } </style>
                                        <div class="zpspacer " data-height="30"></div>
                                    </div>
                                    <div data-element-id="elm_rkDA7VxDHG4Lu88NPxKRug" data-element-type="heading"
                                         class="zpelement zpelem-heading " data-animation-name="slideInUp"
                                         data-animation-duration="1.5s">
                                        <style> [data-element-id="elm_rkDA7VxDHG4Lu88NPxKRug"].zpelem-heading {
                                            border-radius: 1px;
                                        } </style>
                                        <h4
                                                class="zpheading zpheading-style-none zpheading-align-left "
                                                data-editor="true"><span style="color:inherit;">如果在日落时玩影子游戏</span></h4>
                                    </div>
                                    <div data-element-id="elm_RaR0DRooi2_EcX8K5bsEMA" data-element-type="text"
                                         class="zpelement zpelem-text " data-animation-name="slideInUp"
                                         data-animation-duration="2.5s">
                                        <style> [data-element-id="elm_RaR0DRooi2_EcX8K5bsEMA"].zpelem-text {
                                            border-radius: 1px;
                                        } </style>
                                        <div class="zptext zptext-align-left " data-editor="true">
                                            <div style="color:inherit;">
                                                <div><span style="color:inherit;background-color:transparent;">&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;</span><span
                                                        style="color:inherit;background-color:transparent;">Lan是一位浪漫的摄影师。2017年，他开始以19.XCV的账号在社交网络上上传自己拍摄的日落。他喜欢捕捉泛紫的天空、聚合的云朵、初升的弯月，种种自然的意象与剪影结合在一起，又具有了新的意义。有创意的同时，也有极强的美感。</span><span
                                                        style="color:inherit;background-color:transparent;">&nbsp;&nbsp;</span>
                                                </div>
                                                <div><span style="color:inherit;background-color:transparent;">&nbsp; &nbsp;&nbsp;</span><span
                                                        style="color:inherit;background-color:transparent;">Lan的创作，就是利用大自然的魔法，把晚霞与月亮装进生活的匣子里。</span><span
                                                        style="background-color:transparent;color:inherit;">&nbsp;&nbsp;</span><span
                                                        style="background-color:transparent;color:inherit;">&nbsp; &nbsp;&nbsp;</span><span
                                                        style="background-color:transparent;color:inherit;">&nbsp; &nbsp;&nbsp;</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div
                                            data-element-id="elm_5qxwl_vvVBaTn0OnvfhTLA" data-element-type="button"
                                            class="zpelement zpelem-button ">
                                        <style> [data-element-id="elm_5qxwl_vvVBaTn0OnvfhTLA"].zpelem-button {
                                            border-radius: 1px;
                                        } </style>
                                        <div class="zpbutton-container zpbutton-align-left">
                                            <style type="text/css"> [data-element-id="elm_5qxwl_vvVBaTn0OnvfhTLA"] .zpbutton:hover {
                                                border-color: white;
                                            } </style>
                                            <a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none "
                                               href="javascript:;" target="_blank"><span class="zpbutton-content">View Projects</span></a>
                                        </div>
                                    </div>
                                    <div data-element-id="elm_6r_UXpaS3l7-y0zbBdsWmg" data-element-type="spacer"
                                         class="zpelement zpelem-spacer ">
                                        <style> div[data-element-id="elm_6r_UXpaS3l7-y0zbBdsWmg"] div.zpspacer {
                                            height: 30px;
                                        }

                                        @media (max-width: 768px) {
                                            div[data-element-id="elm_6r_UXpaS3l7-y0zbBdsWmg"] div.zpspacer {
                                                height: calc(30px / 3);
                                            }
                                        } </style>
                                        <div class="zpspacer " data-height="30"></div>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_A86vFK97OjseYS-ol4mFww" data-element-type="column"
                                    class="zpelem-col zpcol-md-4 zpcol-sm-12 zspadding-left-none zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_J_3kMm_GvESMrbo5viXWdw" data-element-type="image"
                                     class="zpelement zpelem-image zsmargin-top-none " data-animation-name="bounceInUp"
                                     data-animation-duration="2s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_J_3kMm_GvESMrbo5viXWdw"] .zpimage-container figure img {
                                            width: 360px;
                                            height: 450.33px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_J_3kMm_GvESMrbo5viXWdw"] .zpimage-container figure img {
                                            width: 723px;
                                            height: 904.42px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_J_3kMm_GvESMrbo5viXWdw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_J_3kMm_GvESMrbo5viXWdw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/29.jpg" width="415" height="519.13" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div
                        data-element-id="elm_crbjD0Gj1sAPBEKzPvWgyw" data-element-type="section"
                        class="zpsection zpdefault-section zpdefault-section-bg zscustom-section-101 ">
                    <style type="text/css"> [data-element-id="elm_crbjD0Gj1sAPBEKzPvWgyw"].zpsection {
                        border-radius: 1px;
                    } </style>
                    <div class="zpcontainer">
                        <div
                                data-element-id="elm_ODeTJpWcg7uqPa3wP1G5DQ" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_KWzxbza-oRPknelkKpmMEw" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_IDs9MpT5GuLW2iTkdtgSQg" data-element-type="heading"
                                     class="zpelement zpelem-heading ">
                                    <style></style>
                                    <h2
                                            class="zpheading zpheading-style-type1 zpheading-align-center "
                                            data-editor="true">索尼世界摄影大赛专业奖作品一览</h2></div>
                                <div data-element-id="elm_CVa5P2tSVtgwiGhetNcMNQ" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_CVa5P2tSVtgwiGhetNcMNQ"] div.zpspacer {
                                        height: 48px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_CVa5P2tSVtgwiGhetNcMNQ"] div.zpspacer {
                                            height: calc(48px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="48"></div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_Zbzmqoh8IcOyMEeDuqBiLw" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_Xc2bEsZ9oX2-ywbFWz7M0g" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_f_llVlVsevjmA2V-vCZ4EQ" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInLeft"
                                     data-animation-duration="2s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_f_llVlVsevjmA2V-vCZ4EQ"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 167.39px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_f_llVlVsevjmA2V-vCZ4EQ"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 231.07px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_f_llVlVsevjmA2V-vCZ4EQ"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_f_llVlVsevjmA2V-vCZ4EQ"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/30.jpg" width="415" height="276.75" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_txNj-B65WwonUhZPbyhtmw" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_qVzu2MZc-9rwtQfcrOpVXQ" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_qVzu2MZc-9rwtQfcrOpVXQ"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_qVzu2MZc-9rwtQfcrOpVXQ"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                                <div data-element-id="elm_lNmfdZSz_mOJiC_hoD4EiQ" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInLeft"
                                     data-animation-duration="2s">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_lNmfdZSz_mOJiC_hoD4EiQ"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 167.39px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_lNmfdZSz_mOJiC_hoD4EiQ"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 231.07px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_lNmfdZSz_mOJiC_hoD4EiQ"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_lNmfdZSz_mOJiC_hoD4EiQ"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/31.jpg" width="415" height="276.75" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_QNnuGKQ2GBJ-eecFCcqkSw" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_yem7X5HSK9vz7VaPfCFFyw" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInRight"
                                     data-animation-duration="2.5s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_yem7X5HSK9vz7VaPfCFFyw"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 163.31px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_yem7X5HSK9vz7VaPfCFFyw"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 225.44px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_yem7X5HSK9vz7VaPfCFFyw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_yem7X5HSK9vz7VaPfCFFyw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/32.jpg" width="415" height="270.01" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_KMIajjlaDVgTenYqsHzLPw" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_dWgbjhnHcIkzpQofNA_zOQ" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_dWgbjhnHcIkzpQofNA_zOQ"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_dWgbjhnHcIkzpQofNA_zOQ"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                                <div data-element-id="elm_punTyjVBapk8MtKv1_IbUA" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInRight"
                                     data-animation-duration="2.5s">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_punTyjVBapk8MtKv1_IbUA"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 183.70px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_punTyjVBapk8MtKv1_IbUA"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 253.59px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_punTyjVBapk8MtKv1_IbUA"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_punTyjVBapk8MtKv1_IbUA"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/33.jpg" width="415" height="303.73" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_tC2-CwMeCOFy_DwVMhWEyg" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"> [data-element-id="elm_tC2-CwMeCOFy_DwVMhWEyg"].zprow {
                                border-radius: 1px;
                            } </style>
                            <div
                                    data-element-id="elm_3WO5dUTXnLzDaDkoXLel7A" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_BOrml5BcaEZSP36ajFilbw" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInUp"
                                     data-animation-duration="2.5s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_BOrml5BcaEZSP36ajFilbw"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 376.03px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_BOrml5BcaEZSP36ajFilbw"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 519.10px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_BOrml5BcaEZSP36ajFilbw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_BOrml5BcaEZSP36ajFilbw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/34.jpg" width="415" height="621.72" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_72doFG35RoXbe1q4PyEcXQ" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_G0rscGgwWeayoBysJZEtwg" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_G0rscGgwWeayoBysJZEtwg"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_G0rscGgwWeayoBysJZEtwg"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                                <div data-element-id="elm_dYjYjUqCXejEsHBDeCXNBw" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInDown"
                                     data-animation-duration="1.5s">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_dYjYjUqCXejEsHBDeCXNBw"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 249.90px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_dYjYjUqCXejEsHBDeCXNBw"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 344.98px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_dYjYjUqCXejEsHBDeCXNBw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_dYjYjUqCXejEsHBDeCXNBw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/36.jpg" width="415" height="413.18" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_q4mdL5u8BdPaBXYGWtyyRw" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_KO6QZLO94U7UY7wEAjtiJw" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInDown"
                                     data-animation-duration="1.5s" data-animation-repeat="true">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_KO6QZLO94U7UY7wEAjtiJw"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 247.86px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_KO6QZLO94U7UY7wEAjtiJw"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 342.17px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_KO6QZLO94U7UY7wEAjtiJw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_KO6QZLO94U7UY7wEAjtiJw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/37.jpg" width="415" height="409.81" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                            <div
                                    data-element-id="elm_qMHXwQm5tdyxrCxxIA-AGQ" data-element-type="column"
                                    class="zpelem-col zpcol-md-3 zpcol-sm-6 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_ysh5EaOeSQdYyS2zs2B-1Q" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_ysh5EaOeSQdYyS2zs2B-1Q"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_ysh5EaOeSQdYyS2zs2B-1Q"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                                <div data-element-id="elm_HrGJC2z3oAfONYs-ObUMnw" data-element-type="image"
                                     class="zpelement zpelem-image " data-animation-name="slideInUp"
                                     data-animation-duration="2.5s">
                                    <style> @media (min-width: 993px) {
                                        [data-element-id="elm_HrGJC2z3oAfONYs-ObUMnw"] .zpimage-container figure img {
                                            width: 251px;
                                            height: 167.54px;
                                        }
                                    }

                                    @media (max-width: 992px) and (min-width: 768px) {
                                        [data-element-id="elm_HrGJC2z3oAfONYs-ObUMnw"] .zpimage-container figure img {
                                            width: 346.5px;
                                            height: 231.29px;
                                        }
                                    }

                                    @media (max-width: 767px) {
                                        [data-element-id="elm_HrGJC2z3oAfONYs-ObUMnw"] .zpimage-container figure img {
                                        }
                                    }

                                    [data-element-id="elm_HrGJC2z3oAfONYs-ObUMnw"].zpelem-image {
                                        border-radius: 1px;
                                    } </style>
                                    <div data-caption-color="" data-size-tablet="" data-size-mobile=""
                                         data-align="center" data-tablet-image-separate="false"
                                         data-mobile-image-separate="false"
                                         class="zpimage-container zpimage-align-center zpimage-size-fit zpimage-tablet-size-fit zpimage-mobile-size-fit ">
                                        <figure class="zpimage-data-ref"><a class="zpimage-anchor">
                                            <picture><img class="zpimage zpimage-style-none zpimage-space-none "
                                                          src="IMG/35.jpg" width="415" height="277.01" loading="lazy"
                                                          size="fit" alt="" title=""/></picture>
                                        </a></figure>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div
                                data-element-id="elm_zRkGI3PEkcQHSAp0QMOFEw" data-element-type="row"
                                class="zprow zpalign-items-flex-start zpjustify-content-flex-start ">
                            <style type="text/css"></style>
                            <div
                                    data-element-id="elm_PDvVP8WqqGlEBgmnATCJrA" data-element-type="column"
                                    class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                                <style type="text/css"></style>
                                <div data-element-id="elm_5yL9hQs0kLbTc4bncKuz1Q" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_5yL9hQs0kLbTc4bncKuz1Q"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_5yL9hQs0kLbTc4bncKuz1Q"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                                <div
                                        data-element-id="elm_gZ6dh5bslNig5779m6ksiA" data-element-type="button"
                                        class="zpelement zpelem-button " data-animation-name="bounceIn"
                                        data-animation-duration="2s" data-animation-repeat="true">
                                    <style> [data-element-id="elm_gZ6dh5bslNig5779m6ksiA"].zpelem-button {
                                        border-radius: 1px;
                                    } </style>
                                    <div class="zpbutton-container zpbutton-align-center">
                                        <style type="text/css"> [data-element-id="elm_gZ6dh5bslNig5779m6ksiA"] .zpbutton:hover {
                                            border-color: black;
                                        } </style>
                                        <a class="zpbutton-wrapper zpbutton zpbutton-type-primary zpbutton-size-md zpbutton-style-none "
                                           href="javascript:;" target="_blank"><span class="zpbutton-content">View All Projects</span></a>
                                    </div>
                                </div>
                                <div data-element-id="elm_R5kPp2gKJbiRi2ZIsdBpnQ" data-element-type="text"
                                     class="zpelement zpelem-text zsmargin-top-none ">
                                    <style> [data-element-id="elm_R5kPp2gKJbiRi2ZIsdBpnQ"].zpelem-text {
                                        border-radius: 1px;
                                    } </style>
                                    <div class="zptext zptext-align-right " data-editor="true"><p><span
                                            style="font-size:18px;">Bewar of dog 2017</span></p></div>
                                </div>
                                <div data-element-id="elm_BA79qpRfywZ-wqx5eOH4qA" data-element-type="spacer"
                                     class="zpelement zpelem-spacer ">
                                    <style> div[data-element-id="elm_BA79qpRfywZ-wqx5eOH4qA"] div.zpspacer {
                                        height: 30px;
                                    }

                                    @media (max-width: 768px) {
                                        div[data-element-id="elm_BA79qpRfywZ-wqx5eOH4qA"] div.zpspacer {
                                            height: calc(30px / 3);
                                        }
                                    } </style>
                                    <div class="zpspacer " data-height="30"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="clear:both;"></div>
<div class="theme-footer-area zpdark-section ">
    <div class="zpcontent-container footer-container ">
        <div
                data-element-id="elm_IX4QWPUQTnW9YLsRGvm32Q" data-element-type="section"
                class="zpsection zpdefault-section zpdefault-section-bg ">
            <style type="text/css"> [data-element-id="elm_IX4QWPUQTnW9YLsRGvm32Q"].zpsection {
                border-style: none;
            } </style>
            <div class="zpcontainer">
                <div
                        data-element-id="elm_B75YC1ffQzG6QtMRNJXwSw" data-element-type="row"
                        class="zprow zpalign-items- zpjustify-content- ">
                    <style type="text/css"></style>
                    <div
                            data-element-id="elm_dw8W8MOcRMyFgL6_TijjYw" data-element-type="column"
                            class="zpelem-col zpcol-md-12 zpcol-sm-12 zpalign-self- zpdefault-section zpdefault-section-bg ">
                        <style type="text/css"> [data-element-id="elm_dw8W8MOcRMyFgL6_TijjYw"].zpelem-col {
                            border-style: none;
                            border-radius: 1px;
                        } </style>
                        <div data-element-id="elm_TalCcReKUN-Pwo_ch7Oaqw" data-element-type="heading"
                             class="zpelement zpelem-heading " data-animation-name="bounceInUp"
                             data-animation-duration="1.5s" data-animation-repeat="true">
                            <style> [data-element-id="elm_TalCcReKUN-Pwo_ch7Oaqw"].zpelem-heading {
                                border-style: none;
                                border-radius: 1px;
                            } </style>
                            <h2
                                    class="zpheading zpheading-style-none zpheading-align-center " data-editor="true">
                                <span><span><span style="font-size:48px;">白</span></span></span><br><span
                                    style="font-size:48px;">​</span><span><span><span
                                    style="font-size:48px;">日</span><br></span></span></h2></div>
                        <div
                                data-element-id="elm_0f5ScSiXbvYAfmLbou77ow" data-element-type="divider"
                                class="zpelement zpelem-divider ">
                            <style type="text/css"></style>
                            <style> [data-element-id="elm_0f5ScSiXbvYAfmLbou77ow"] .zpdivider-container .zpdivider-common:after, [data-element-id="elm_0f5ScSiXbvYAfmLbou77ow"] .zpdivider-container .zpdivider-common:before {
                                border-color: rgba(255, 255, 255, 0.2)
                            } </style>
                            <div class="zpdivider-container zpdivider-line zpdivider-align-center zpdivider-width30 zpdivider-line-style-solid ">
                                <div class="zpdivider-common"></div>
                            </div>
                        </div>
                        <div data-element-id="elm_Oi68BSG0vpaVpQvZRc_g3w" data-element-type="text"
                             class="zpelement zpelem-text " data-animation-name="bounceIn" data-animation-duration="1s"
                             data-animation-repeat="true">
                            <style> [data-element-id="elm_Oi68BSG0vpaVpQvZRc_g3w"].zpelem-text {
                                border-style: none;
                                border-radius: 1px;
                            } </style>
                            <div class="zptext zptext-align-center " data-editor="true"><p>©daytime</p></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="zpmm-backdrop zpmm-backdrop-enabled"></div>
</body>
</html>